<div>
	<form  name="frmProduct" id="frmProduct"  action="dummy.php" method="post"> 
		<div>
			<p>serial(barcode)</p>
		    <p>Code: <input type="text" name="username" value="" /><p> 
		     <p><input type="checkbox" name="status" id="status" /> <label for="Status">Status</label> <p>
		    <input type="submit" value="Submit" />
	    </div> 
	</form>
</div>


<ul id="products" class="list clearfix">
			<!-- row 1 -->
			<li class="clearfix">
				<section class="left">
					<h3>Product Name</h3>
					<span class="meta">Product ID: 543J423</span>
				</section>
				
				<section class="right">
					<span class="price">$45.00</span>
					<span class="darkview">
					<a href="javascript:void(0);" class="firstbtn">Edit</a>
					<a href="javascript:void(0);">Delete</a>
					</span>
				</section>
			</li>
			
			<!-- row 2 -->
			<li class="clearfix alt">
				<section class="left">
					<h3>Product Name</h3>
					<span class="meta">Product ID: 543J424</span>
				</section>
				
				<section class="right">
					<span class="price">$55.00</span>
					<span class="darkview">
					<a href="javascript:void(0);" class="firstbtn">Edit</a>
					<a href="javascript:void(0);">Delete</a>
					</span>
				</section>
			</li>
			
			<!-- row 3 -->
			<li class="clearfix third">
				<section class="left">
					<h3>Product Name</h3>
					<span class="meta">Product ID: 543J425</span>
				</section>
				
				<section class="right">
					<span class="price">$32.00</span>
					<span class="darkview">
					<a href="javascript:void(0);" class="firstbtn">Edit</a>
					<a href="javascript:void(0);">Delete</a>
					</span>
				</section>
			</li>
			
		</ul>
		